import React from 'react';
import { Row, Col, Card } from 'antd';
import { Input, Layout } from 'antd';
import { DatePicker, Space } from 'antd';
import { Select } from 'antd';
import { Button, Menu, Dropdown, Form, Radio } from 'antd';
const { RangePicker } = DatePicker;
import { Table } from 'antd';
const { Option } = Select;
import { history } from 'umi';
import { DownOutlined, UpOutlined } from '@ant-design/icons';
import '../projectTeam/xmfz.css';

import { FormInstance } from 'antd/lib/form';
import { Transfer } from 'antd';
import { AudioOutlined, LinkOutlined } from '@ant-design/icons';
import {
  AppstoreOutlined,
  MailOutlined,
  SettingOutlined,
} from '@ant-design/icons';
import { Link } from 'umi';
import { Switch, Divider } from 'antd';
import {
  MenuUnfoldOutlined,
  MenuFoldOutlined,
  UserOutlined,
  BookOutlined,
  SnippetsOutlined,
  LineChartOutlined,
  CalendarOutlined,
  KeyOutlined,
} from '@ant-design/icons';

//搜索
const { Search } = Input;

const suffix = (
  <AudioOutlined
    style={{
      fontSize: 16,
      color: '#1890ff',
    }}
  />
);

const onSearch = (value) => console.log(value);

//菜单
const { SubMenu } = Menu;

const Demo = () => {
  return (
    <>
      <Menu.Item key="1" icon={<MailOutlined />}>
        Navigation One
      </Menu.Item>
      <Menu.Item key="2" icon={<CalendarOutlined />}>
        Navigation Two
      </Menu.Item>
    </>
  );
};

const noxmfz = () => {
  return (
    <div>
      <div style={{ paddingLeft: '25px' }}>
        <div style={{ float: 'left', width: '90px', marginLeft: '50px' }}>
          <Button type="default" htmlType="submit">
            <a onClick={() => history.push('/admin/projectTeam/ckyjyfz')}>
              查看未结业分组
            </a>
          </Button>
        </div>
      </div>
      <div
        style={{
          width: '300px',
          clear: 'left',
          marginTop: '10px',
          paddingTop: '10px',
        }}
      >
        <Card title="项目分组" style={{ width: 300 }}>
          <p>
            <Button type="link">查看所有分组成员</Button>
          </p>
          <p>
            <Search
              placeholder="input search text"
              onSearch={onSearch}
              enterButton
            />
          </p>
          <p style={{ textAlign: 'left', margin: '0px', padding: '0px' }}>
            <nav className="list">
              <ul style={{ display: 'inline-block' }}>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
                <li style={{ listStyleType: 'none' }}>
                  <a
                    href="#"
                    style={{
                      width: '150px',
                      textDecoration: 'none',
                      display: 'block',
                      color: '#000',
                      lineHeight: '30px',
                      fontSize: '14px',
                      float: 'left',
                    }}
                  >
                    2021届Java软件编程1组
                  </a>
                </li>
              </ul>
            </nav>
          </p>
        </Card>
      </div>
    </div>
  );
};

export default noxmfz;
